<template>
  <div class="cumulative-container">
    <a-card title="累计数据" class="card">
      <template #extra>
        <div class="extra-container">
          <span class="lable">营销代码:</span>
          <a-select :size="size" default-value="a1" style="width: 200px; margin: 0 10px;">
            <a-select-option v-for="i in 25" :key="(i + 9).toString(36) + i">
              {{ (i + 9).toString(36) + i }}
            </a-select-option>
          </a-select>
          <a-range-picker />
        </div>
      </template>
    </a-card>

    <Charts />
  </div>
</template>

<script>
import Charts from './Charts.vue'

export default {
  components: {
    Charts,
  },
}
</script>

<style lang="scss" scoped>
.card {
  margin-bottom: $margin-xs;
}
</style>
